.outer{
    margin-left: auto;
    margin-right: auto;
    background-color: #dddddd;
    overflow: hidden;
}
.img,.outer{
    width: 800px;
    height: 450px;
}
#img1 {
    background-image: url("../img/asd.jpg");
}
#img2 {
    background-image: url("../img/dsf.jpg");
}
#img3{
    background-image: url("../img/lj.jpg");
}
#img4{
    background-image: url("../img/wp.jpg");
}
#img5{
    background-image: url("../img/ylj.jpg");
}
#img6{
    background-image: url("../img/psb.jpg");
}
.img{
    float: left;
}
#banner{
    transition:margin-right 1s;
}
